<template>
  <div class="order-base-content order-nomap-content" v-if="orderobj" :class="{'is-emergency': isEmergency === 1}">
  	<div class="order-top-title">
  		<h2>{{orderobj.id}}</h2>
  		<span>总装载量 <strong>{{orderobj.truckload}}</strong></span>
  		<span>总公里数 <strong>{{orderobj.kilometre}}</strong></span>
  	</div>
	<div class="order-group">
		<div class="order-item" v-for="suborder,_index in orderobj.datalist" :key="_index">
			<div class="order-item-title">
				<span class="order-item-meta">订单号:<strong>{{suborder.orderid}}</strong></span>
				<!-- <span class="order-item-meta">客户:<strong>{{suborder.customer}}</strong></span> -->
				<span class="order-item-meta">送货单号:<strong>{{suborder.freightId}}</strong></span>
			</div>
			<div class="order-item-title">
				<span class="order-item-meta">目的地:<strong>{{suborder.bourn}}</strong></span>
				<!-- <span class="order-item-meta">面积(平方):<strong>{{suborder.area}}</strong></span> -->
			</div>
			<div class="order-item-content">
				<div class="order-section">
					<div class="order-detail-section"><label>板材</label>:{{suborder.board}}</div>
					<!-- <div class="order-detail-section"><label>规格/楞型</label>:{{suborder.flute}}</div>
					<div class="order-detail-section"><label>规格型号</label>:{{suborder.format}}</div>
					<div class="order-detail-section"><label>单位面积(/平方)</label>:{{suborder.oneofarea}}</div> -->
				</div>
				<div class="order-section">
					<!-- <div class="order-detail-section"><label>运费系数</label>:{{suborder.coefficient}}</div>
					<div class="order-detail-section"><label>公里(千米)</label>:{{suborder.kilometre}}</div>
					<div class="order-detail-section"><label>载重量</label>:{{suborder.truckload}}</div>
 -->					<div class="order-detail-section"><label>体积(立方)</label>:{{suborder.volume}}</div>
				</div>
			</div>
		</div>
	</div>
  </div>
</template>
<script>
export default {
	props: {
		orderobj: {
			type: Object,
			default: function () {
				return null;
			}
		},
		className: {
			type: String,
			default: 'order-base-content order-nomap-content'
		},
		isEmergency: {
			type: Number,
			default: 0
		}
	}
}
</script>

<style>
  
</style>